/* header */
*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}
.header{
    width:100%;
    height:30px;
    background:#f4f4f4;
}
.header .headerbox{
    width:1080px;
    height: 30px;
    margin:0 auto;
}
.header .headerbox ul{
    list-style:none;
    float: right;
    width: 600px;
    height: 30px;
}
.header .headerbox ul li{
    float: left;
    font-size:12px;
    display: block;
    /* width: 70px;
    height: 16px; */
    padding:8px 0 0 8px;
    color:#999;
}
.header .headerbox ul li a{
    text-decoration:none;
    color:#999;
    display: block;
    width: 85px;
    height: 16px;
    font-size:12px;
    padding:0 4px;
}
/* .header .headerbox ul .wx{
    width: 100px;
} */
.header .headerbox ul li:first-child a{
    color: red;
}
.header .headerbox ul .shoppingCar span{
    color: red;
}
.header .headerbox ul li .iconfont{
    font-size:12px;
    color:#999;
}

/* nav */
.navbox{
    width: 1080px;
    height:45px;
    /* background: red; */
    margin:0 auto;
    padding-top:25px;
}
.navbox>.imgx{
    display: block;
    float: left;
    padding-right:10px;
}
.navbox ul{
    list-style:none;
    float: left;
}
.navbox ul li{
    float: left;
    margin-left:30px;
}
.navbox ul li a{
    text-decoration:none;
    padding-bottom:10px;
    border-bottom:2px solid #fff;
    color: #000;
    font-size:17px;
}
.navbox ul li a:hover{
    border-color:black;
}

/* carousel */
  .banner {
    width: 1080px;
    height: 506px;
    /* border: 5px solid #ccc; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

 .carouselul {
    /* width: 2500px; */
    height: 506px;
    position: absolute;
  }

 .carouselul > li {
    width: 1080px;
    height: 506px;
    float: left;
  }

.carouselul > li img {
    width: 1080px;
    height: 506px;
  }

  .carouselol {
    width: 100px;
    height: 20px;
    background-color: #fff;
    display: block;
    opacity: 0.7;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  .carouselol > li {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    cursor: pointer;
  }

  .carouselol > li.active {
    background-color: cyan;
  }

  .banner > a {
    width: 20px;
    height: 40px;
    display: block;
    background-color: #666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    line-height: 40px;
  }

  .banner > a.left {
    left: 0;
  }

  .banner > a.right {
    right: 0;
  }

  /* content */
  .content{
    width: 1080px;
    /* height:800px; */
    /* background:red; */
    margin:0 auto;
    margin-top:15px;
  }
.content .contentli{
  list-style:none;
  width: 1080px;
  height:500px;
  /* background:blue; */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content .contentli li{
  width: 259px;
  height: 460px;
  /* background: red; */
  /* margin-left:14px; */
  /* float: left; */
}
/* .content .contentli li:first-child{
  margin-left:0;
} */
.content .contentli li img{
  width: 259px;
  height: 411px;
  /* background: black; */
}
.content .contentli li a{
  text-decoration: none;
  color: #000;
  font-size:14px;
  line-height: 14px;
  display: block;
  margin-top:8px;
}
.content .contentli li span{
  color: #000;
  font-size:12px;
  line-height: 12px;
}

/* bottom */
.bottom{
  width: 100%;
  height: 306px;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  margin-top:20px;
}
.bottom .bottombox{
  width: 1080px;
  height:214px;
  /* background:red; */
  margin:50px auto;
}
.bottom .bottombox .div1{
  width: 199px;
  height:214px;
  /* background:blue; */
  float: left;
  border-right:1px solid #000;
}
.bottom .bottombox .div1 img{
  display: block;
  margin-top:46px;
  margin-left:58px;
}
.bottom .bottombox .div1 span{
  font-size:14px;
  line-height:14px;
  color:#000;
  margin-top:18px;
}
.bottom .bottombox .div1 button{
  font-size:14px;
  line-height:14px;
  display: block;
  height:30px;
  width:155px;
  text-align: center;
  background: #000;
  color:#fff;
  border:none;
}


.bottom .bottombox .div2{
  width: 680px;
  height:214px;
  /* background:green; */
  float: left;
}
.bottom .bottombox .div2 ul li{
  list-style:none;
  display: block;
  float: left;
  margin-top:40px;
  margin-left:80px;
}
.bottom .bottombox .div2 ul li:nth-child(1){
  margin-left:68px;
}

.bottom .bottombox .div2 ul li img{
  display: block;
}
.bottom .bottombox .div2 ul li span{
  font-size:14px;
  line-height:14px;
  display:block;
  margin-left:15px;
  margin-top:8px;
}
.bottom .bottombox .div2 ul li:nth-child(2) span{
  margin-left:40px;
}
.bottom .bottombox .div2 ul li:nth-child(3) span{
  margin-left:35px;
}

.bottom .bottombox .div3{
  width: 199px;
  height:214px;
  float: left;
  /* background:pink; */
  border-left:1px solid #000;
}
.bottom .bottombox .div3 img{
  display: block;
  margin-top:46px;
  margin-left:66px;
}
.bottom .bottombox .div3 span{
  font-size:12px;
  line-height:12px;
  display: block;
  color:#000;
  margin-top:8px;  
}
.bottom .bottombox .div3 span:nth-of-type(1){
  margin-left:59px;
  margin-top:29px;
}
.bottom .bottombox .div3 span:nth-of-type(2){
  margin-left:56px;
}
.bottom .bottombox .div3 span:nth-of-type(3){
  margin-left:35px;
}

/* footer */
.footerimg{
  display: block;
  margin:0 auto;
}
.footer{
  width: 1080px;
  height:213px;
  /* background:red; */
  margin:0 auto;
  overflow:hidden;
}
.footer .footerbox{
  width:217px;
  height:107px;
  /* background:blue; */
  margin:26px auto;
}
.footer .footerbox li{
  list-style: none;
  font-size:12px;
  line-height: 12px;
}
.footer .footerbox li:nth-child(1){
  margin-top:7px;
}
.footer .footerbox li:nth-child(2){
  margin-top:12px;
  color: red;
  margin-left:17px;
}
.footer .footerbox li:nth-child(3){
  margin-top:19px;
  margin-left:19px;
}
.footer .footerbox li:nth-child(4){
  margin-top:14px;
  margin-left:17px;
}
.footer .footerbox li:nth-child(5){
  margin-top:10px;
  margin-left:43px;
}